<html>
<head>
<title>Sajian Web</title>
<style type="text/css">
.ContentText
{
	font-family:Tahoma;
	font-size:0.8em;
	font-weight:bold;
	color:Red;
}

.ContentLink
{
	font-family:Tahoma;
	font-size:0.7em;
	color:Blue;
	text-decoration:underline;
	text-transform:uppercase;
}

.ContentLink:hover
{
	font-family:Tahoma;
	font-size:0.7em;
	color:Blue;
	text-decoration:none;
	text-transform:uppercase;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $("#btn").click(function() { 
            $("p").toggleClass("ContentText");
            jQuery("p a").toggleClass("ContentLink");
        });
    });
    
</script>
</head>
<body>
    <p>
        Page content. Page content. Page content. Page content. 
        Page content. Page content. Page content. Page content. 
        Page content. Page content. Page content. Page content. 
        <br />
        <a href="#">Link in Page Content</a>
    </p>
    <input type="button" id="btn" value="Change Us" />
</body>
</html>